import $ from "jquery";
import { Message, ChatBox } from "./src/talk";
import { AgentTool } from "./src/tools";
$(function () {
  let ds = new Message(
    "59cb7a71-2b71-480a-a193-4b4fc9b63458",
    null,
    "deepseek-r1",
    "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
    "assistant",
    null,
    null,
    null
  );
  ds.renderMessage($(".chat-container"));
  let user = new Message(
    "59cb7a71-2b71-480a-a193-4b4fc9b634990",
    null,
    "xiaochangming",
    "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
    "user",
    null,
    null,
    null
  );
  //   user.renderMessage($(".chat-container"));
  //   let tt = new TextTool("asdfasdfasdf", "你好,很高兴为您服务");
  let at = new AgentTool("123456", "current_time", {
    request: "现在是几点了？",
  });
  ds.appendTool(at);
  //   user.appendTool(at);
  at.stream({
    text: "现在时间是12:00",
  });

  let cb = ChatBox.getInstance("请输入文字接入大模型");
  cb.render(
    $(".chat-input-container")
  ).write(`作为JS开发者，有多个图标库可以使用，例如：
Font Awesome：一个图标库，支持多种图标样式和颜色，广泛用于网页开发。
Feather Icons：一个简洁的图标库，提供了一整套基本图标。
Ionicons：由ionic团队开发，包含大量图标，非常适合用于移动应用开发。
Material Icons：由Google开发，是基于Material Design的一套图标库，图标数量非常多。
FontAwesomeIcon：由Font Awesome团队提供，提供更多的图标样式和更丰富的自定义选项。`);
});
